Description

Allow users to mark items as purchased, updating dateLastPurchased and totalPurchases on the Firestore and checking off the item for 24h.

Related Issue

closes #9

Acceptance Criteria

• The ListItem component renders a checkbox with a semantic .
• Checking off the item in the UI also updates the dateLastPurchased and totalPurchases properties on the corresponding Firestore document
• The item is shown as checked for 24 hours after the purchase is made (i.e. we assume the user does not need to buy the item again for at least 1 day). After 24 hours, the item unchecks itself so the user can buy it again.
• The updateItem function in firebase.js has been filled out, and sends updates to the firestore database when an item is checked

Type of Changes

Updates

Before

After

Testing Steps / QA Criteria

• git pull origin bm-vy-mark-as-purchased
• Navigate to /manage-list and add some items to any list using the form if you haven't already.
• Navigate to /list and mark some items as purchased.
• Open the Firebase console, check that dateLastPurchased and totalPurchases are updated, and change dateLastPurchased of one or more items marked as purchased.
• Navigate to /list and observe the changes in the UI.

TODO

A functionality that could be added further down the line is the possibility of reverting the purchased state of an item in case of user error.